<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div onclick = "console.log(111)">这是一个div</div>
    <div onclick = "fun()">这是一个div</div>
    <script>
       
        // console.log("111");
        // console.log(("222"));

        // fun(1);
        // fun(2);

        // 具名函数
        // 语法 function 函数名(){函数体即运行代码}
        function fun(){
            // 默认代码不执行
            console.log("====");
        }
        
        // console.log("-----");

        // 调用才可执行函数内的代码;可多次调用,调用一次执行一次
        // 在哪里调用,就在那里执行
        // fun();
        // fun();
        // fun();
        // fun();
        // fun();
        // 普通函数

        // 声明提升:直接声明的函数会提升到所在作用域的最上方
        // var所声明的变量,会将变量名提升到作用域的最上方,赋值位置不变
        var fun1 = function(){
            
        }
        // fun1()

        // console.log(fun());
        // console.log((fun1));


        (function () {
            console.log(("这是一个匿名函数"));
        });

        var div = document.querySelector("div");
        // 事件函数
        div.onclick = function(){

        }
        div.style = "color:red;"

        // function 函数名(形参列表){函数体}
        function run(a,b,c){
            // 参数列表
            console.log(arguments);
        }
        run(12,23, 34)
    </script>
</body>
</html>